<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>快速入门</title>
</head>
<body>
<div id="div">
    {{name}}<br/><!--这个类似于变量，在底下的脚本中赋值了-->
    {{age}}<br/>
    {{gender}}<br/>
<button type="button" @click="fun1">测试</button><!--方法的调用通过@click="方法名"类似属性的方式-->
</div>
</body>
<script src="js/vuejs-2.5.16.js"></script><!--引入js文件-->
<script>
    new Vue({
        el:"#div",
        data:{
            name:"黄金标",
            gender:"男",
            age:"6"
        },
        methods:{
            fun1:function () {
                alert("我看你小子就像八路");
            }
        }
    });/*创建vue对象*/
</script>
</html>